@charset "UTF-8";

#functionPage {
  padding-bottom: 20px;

  & .main-container {
    & .content {
      padding: 50px 25px;

      & .search {
        text-align: center;
      }

      & .function {
        margin-top: 65px;

        & .left-cate {
          display: inline-block;
          padding: 0 15px;
          border-right: 1px solid $themeColor5;
          margin-top: 38px;
          box-sizing: border-box;

          & .cate-block {
            width: 120px;
            text-align: center;
            line-height: 39px;
            font-size: $fontSize - 1;
            color: $themeColor80;
            cursor: pointer;

            &.active {
              background-color: $themeColor10;
            }
          }

          & .line {
            height: 1px;
            background-color: $themeColor5;
            margin: 10px 0;
          }
        }

        & .right-table {
          display: inline-block;
          width: 874px;
          vertical-align: top;
        }
      }
    }

    // 功能模块
    & .function-list {
      background-color: #FFF;
      width: 208px;
      height: 330px;
      margin-top: 10px;
      text-align: center;
      position: relative;
      padding: 25px 30px;
      font-size: $fontSize - 2;
      margin-right: 10px;
      &:nth-child(5n){
        margin-right: 0;
      }

      & .function-tags {
        position: absolute;
        top:5px;
        left: -4px;
        z-index: 2;
        & .text {
          font-size: $fontSize - 2;
          color: #FFF;
          background-color: $themeColor80;
          width: 57px;
          line-height: 20px;
        }

        & .arrow {
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-right: 5px solid #FFF;
          border-bottom: 10px solid transparent;
          margin-left: -5px;
          position: absolute;
          right: 0;
          top: 0;
        }

        & .shadow {
          width: 0;
          height: 0;
          border-top: 4px solid #1B3F8B;
          border-left: 4px solid transparent;
        }
      }

      & .title {
        font-size: $fontSize;
        color: $fontColor1;
        margin-top: 15px;
      }

      & .desc {
        margin-top: 10px;
        height: 54px;

      }

      & .price {
        font-size: $fontSize + 6;
        color: $fontColor1;
      }

      & .btn {
        margin-top: 20px;
      }

      & .end {
        margin-top: 5px;
        color: #BACCF2;
      }
    }
  }
}
.popup{
  padding:20px;
  font-size: $fontSize - 2;
  & .option{
    margin-top: 10px;
    & .lable{
      display: inline-block;
      width: 90px;
      text-align: right;
      color: $fontColor2;
    }
    & .normal{
      display: inline-block;
      margin-left: 5px;
      color: $fontColor1;
      line-height: 32px;
    }
  }
}